<script setup>
import scrollboard from './scrollboard.vue'
import rftitle from './rftitle.vue'


import { leftsixConfig, compentsKey } from '../pages/home/index'
</script>

<template>
  <!-- 三防状态 -->


  <div class="h-[58px]"></div>
  <div class="w-[320px] h-[36px] mx-auto relative">
    <img class="w-full h-full" src="../assets/one/one_left_2.png" alt="">
    <img class="w-[80px] h-[36px] left-[40px] bottom-[12px] absolute" src="../assets/one/one_left_3.png" alt="">
    <img class="w-[48px] h-[48px] left-[56px] bottom-[26px] absolute " src="../assets/four/six.png" alt="">
    <span class="absolute left-[152px] bottom-[16px] text-white text-[16px]">消防系统健康状态</span>
    <span class="absolute left-[152px] bottom-[42px] text-white text-[24px] main_color font-semibold">正常</span>
  </div>



  <div class="mt-[48px] h-[756px]">
    <scrollboard title="南区域 烟感 状态" :config="leftsixConfig" :key="compentsKey"></scrollboard>
  </div>
</template>

<style scoped></style>
